.content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.travelAlbum {
    margin-top: 30rpx;
    width: 100%;
}

.photoList {
    display: flex;
    align-items: center;
    width: 100%;
    height: 150rpx;
    overflow-x: scroll;
    /* background-color: black; */
}

.imageItem {
    /* position: relative; */
    margin: 0rpx 10rpx 0rpx 20rpx;
    width: 130rpx;
    height: 130rpx;
    background-color: white;
    border-radius: 20rpx;
}

.imageItem image {
    width: 100%;
    height: 100%;
    border-radius: 10rpx;
}

.delete {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35rpx;
    height: 35rpx;
    padding: 5rpx;
    text-align: center;
    background: #515151;
    opacity: 0.7;
    border-radius: 5rpx 0rpx 10rpx 0rpx;
}

.delete image {
    width: 30rpx;
    height: 30rpx;
}

.shareAlbum {
    width: 100%;
}

.listAlbum {
    margin-top: 20rpx;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding-bottom: 30rpx; */
}

.placeItem {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 30rpx;
    margin-left: 60rpx;
    width: 92%;
    padding-bottom: 10rpx;
    border-left: 1px dashed #FF9802;
}

.placeItem:first-child {
    margin-top: 60rpx;
}

.placeItem:last-child {
    padding-bottom: 20rpx;
    border: none;
}

.placeIcon {
    position: absolute;
    top: -30rpx;
    left: -30rpx;
}

.placeIcon image {
    width: 60rpx;
    height: 60rpx;
}

.placeName {
    display: flex;
    margin: -20rpx 0rpx 0rpx 50rpx;
    width: 90%;
    max-height: 66rpx;
}

.placeName text {
    flex: 1;
}

.placePhotoList {
    display: flex;
    align-items: center;
    margin: 0rpx 0rpx 0rpx 40rpx;
    width: 94%;
    height: 150rpx;
    overflow: scroll;
}

.photoItem {
    margin: 0rpx 10rpx;
    width: 120rpx;
    height: 120rpx;
    background-color: white;
    border-radius: 20rpx;
}

.photoItem image {
    width: 120rpx;
    height: 120rpx;
    border-radius: 20rpx;
}

.taskPhotoItem {
    display: flex;
    flex-direction: column;
    margin: 10rpx 0rpx 0rpx 40rpx;
    width: 94%;
    height: 180rpx;
    /* background-color: black; */
}

.taskName {
    display: flex;
    align-items: center;
    margin: 10rpx 0rpx;
}

.taskPhotoList {
    display: flex;
    align-items: center;
    width: 100%;
    height: 150rpx;
    overflow: scroll;
}

.takePhoto {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 10rpx;
    width: 100rpx;
    height: 100rpx;
    border: 1px dashed gray;
    border-right: none;
    border-radius: 20rpx 0rpx 0rpx 20rpx;
}

.takePhoto image {
    width: 100rpx;
    height: 100rpx;
}

.uploadText {
    margin-left: 20rpx;
    font-size: 20rpx;
    font-family: PingFang SC, PingFang SC-Heavy;
    font-weight: 800;
    color: #4186F5;
}
